<template>
	<view class="wrap">
		<custom-nav-sq-xcx :isBack="true" currBg="usuallyBg" :needConBlock="true">
			<template v-slot:content>我的规划</template> 
		</custom-nav-sq-xcx>
		<sq-order-tab
			:orderStaArr="orderStaArr"
			:orderStaIndex="orderStaIndex"
			@swithOrderTab="swithOrderTab"
		></sq-order-tab>
		<view class="padd">
			<pg-list currType="myZycp"></pg-list>
		</view>
	</view>
</template>

<script>
	import SqOrderTab from '../components/SqOrderTab'
	import PgList from '../myPg/components/PgList'
	export default {
		components:{
			SqOrderTab,
			PgList
		},
		// orderStaArr:[
		// 	{id:'-1',name:'全部'},
		// 	{id:'0',name:'待支付'},
		// 	{id:'1',name:'已完成'},
		// 	{id:'7',name:'已取消'}
		// ],
		data(){
			return{
				orderStaArr:[
					{id:'0',name:'待支付'},
					{id:'8',name:'未完成'},
					{id:'1',name:'已完成'},
					{id:'7',name:'已取消'}
				],
				orderStaIndex:0,
			}
		},
		methods:{
			swithOrderTab(index,item){
				this.orderStaIndex = index;
			}
		}
	}
</script>

<style lang="scss">
	page{background: $sq-fuf;}
</style>
<style lang="scss" scoped>
	.wrap{
		padding:100rpx 0 1rpx;
	}
</style>